<?php
require_once 'layout.php';

$title = "专业SSL证书服务商";
$currentPage = "home";

$content = '
<section class="hero">
    <div class="container">
        <div class="hero-content">
            <h1>保护您的网站安全</h1>
            <p>专业的SSL证书解决方案，为您的网站提供最高级别的安全保护。支持ACME自动化部署，99.9%成功率保证。</p>
            <div class="hero-actions">
                <a href="/products" class="btn btn-success">选购证书</a>
                <a href="/automation" class="btn btn-primary">了解自动化</a>
            </div>
        </div>
    </div>
</section>

<section class="container">
    <div class="slider">
        <div class="slide active">
            <div class="slide-content">
                <h2>企业级安全保护</h2>
                <p>为企业客户提供最高等级的EV SSL证书，确保网站访问者的信任</p>
                <a href="/products" class="btn btn-success">立即选购</a>
            </div>
        </div>
        <div class="slide">
            <div class="slide-content">
                <h2>ACME自动化部署</h2>
                <p>完全兼容ACME协议，支持Let\'s Encrypt，自动续期无需人工干预</p>
                <a href="/automation" class="btn btn-success">了解详情</a>
            </div>
        </div>
        <div class="slide">
            <div class="slide-content">
                <h2>7x24小时技术支持</h2>
                <p>专业技术团队随时为您服务，快速响应，解决您的一切技术问题</p>
                <a href="/contact" class="btn btn-success">联系我们</a>
            </div>
        </div>
        <div class="slider-nav">
            <div class="nav-dot active"></div>
            <div class="nav-dot"></div>
            <div class="nav-dot"></div>
        </div>
    </div>
</section>

<section class="features">
    <div class="container">
        <h2 class="section-title">为什么选择我们</h2>
        <p class="section-subtitle">专业的SSL证书服务商，为全球超过10万家网站提供安全保护服务</p>
        
        <div class="features-grid">
            <div class="feature-card">
                <div class="feature-icon">
                    <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
                        <rect width="20" height="15" x="5" y="10" rx="2" fill="none" stroke="white" stroke-width="2"/>
                        <path d="M10 10V8a5 5 0 0 1 10 0v2" fill="none" stroke="white" stroke-width="2"/>
                        <circle cx="15" cy="17" r="2" fill="white"/>
                    </svg>
                </div>
                <h3>银行级加密</h3>
                <p>采用256位RSA/ECC加密算法，为您的网站提供银行级别的数据传输安全保护，确保用户数据绝对安全。</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">
                    <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="15" cy="15" r="10" fill="none" stroke="white" stroke-width="2"/>
                        <path d="M10 15l3 3 7-7" stroke="white" stroke-width="2" fill="none"/>
                    </svg>
                </div>
                <h3>快速签发</h3>
                <p>DV证书最快5分钟签发，OV证书1-3天完成验证，EV证书7个工作日内完成，业界领先的处理速度。</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">
                    <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
                        <rect x="5" y="8" width="20" height="14" rx="2" fill="none" stroke="white" stroke-width="2"/>
                        <path d="M25 12l-5-5-5 5" stroke="white" stroke-width="2" fill="none"/>
                        <path d="M5 12l5-5 5 5" stroke="white" stroke-width="2" fill="none"/>
                    </svg>
                </div>
                <h3>ACME自动化</h3>
                <p>完全支持ACME协议，可与Let\'s Encrypt、Certbot等工具无缝集成，自动续期，永不过期。</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">
                    <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="15" cy="15" r="12" fill="none" stroke="white" stroke-width="2"/>
                        <path d="M15 7v8l4 4" stroke="white" stroke-width="2" fill="none"/>
                    </svg>
                </div>
                <h3>24/7技术支持</h3>
                <p>专业的技术支持团队7x24小时在线服务，微信、QQ、电话多渠道技术支持，快速响应解决问题。</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">
                    <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
                        <polygon points="15,2 18,12 28,12 20,18 23,28 15,22 7,28 10,18 2,12 12,12" fill="white"/>
                    </svg>
                </div>
                <h3>权威CA认证</h3>
                <p>与DigiCert、Sectigo、GlobalSign等全球知名CA机构合作，证书权威性和兼容性得到充分保障。</p>
            </div>
            
            <div class="feature-card">
                <div class="feature-icon">
                    <svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5 15c0-5.5 4.5-10 10-10s10 4.5 10 10" stroke="white" stroke-width="2" fill="none"/>
                        <path d="M8 15c0-3.9 3.1-7 7-7s7 3.1 7 7" stroke="white" stroke-width="2" fill="none"/>
                        <circle cx="15" cy="15" r="3" fill="white"/>
                        <path d="M15 20v5M10 22h10" stroke="white" stroke-width="2"/>
                    </svg>
                </div>
                <h3>高额保险</h3>
                <p>提供最高250万美元的保险保障，一旦因证书问题造成损失，将获得相应的经济赔偿，让您使用无忧。</p>
            </div>
        </div>
    </div>
</section>

<section class="section" style="background: var(--bg-light);">
    <div class="container">
        <h2 class="section-title">热门SSL证书</h2>
        <p class="section-subtitle">精选最受欢迎的SSL证书产品，满足不同规模企业的安全需求</p>
        
        <div class="products-grid">
            <div class="product-card">
                <div class="product-header">
                    <div class="product-brand">
                        <svg width="80" height="40" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
                            <rect width="80" height="40" rx="6" fill="#ffffff" opacity="0.2"/>
                            <text x="40" y="24" text-anchor="middle" fill="white" font-size="12">DigiCert</text>
                        </svg>
                    </div>
                    <h3>基础型DV证书</h3>
                    <div class="product-price">¥358/年</div>
                    <p>适合个人网站和小型企业</p>
                </div>
                <div class="product-body">
                    <ul class="product-features">
                        <li><span>加密强度</span><span>256位</span></li>
                        <li><span>验证类型</span><span>域名验证</span></li>
                        <li><span>支持域名</span><span>单域名</span></li>
                        <li><span>保险金额</span><span>$10,000</span></li>
                        <li><span>颁发时间</span><span>5-10分钟</span></li>
                    </ul>
                    <a href="/products" class="btn btn-primary" style="width: 100%;">立即购买</a>
                </div>
            </div>
            
            <div class="product-card">
                <div class="product-header">
                    <div class="product-brand">
                        <svg width="80" height="40" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
                            <rect width="80" height="40" rx="6" fill="#ffffff" opacity="0.2"/>
                            <text x="40" y="24" text-anchor="middle" fill="white" font-size="12">Sectigo</text>
                        </svg>
                    </div>
                    <h3>通配符证书</h3>
                    <div class="product-price">¥1,288/年</div>
                    <p>保护主域名及所有子域名</p>
                </div>
                <div class="product-body">
                    <ul class="product-features">
                        <li><span>加密强度</span><span>256位</span></li>
                        <li><span>验证类型</span><span>域名验证</span></li>
                        <li><span>支持域名</span><span>无限子域名</span></li>
                        <li><span>保险金额</span><span>$50,000</span></li>
                        <li><span>颁发时间</span><span>10-30分钟</span></li>
                    </ul>
                    <a href="/products" class="btn btn-primary" style="width: 100%;">立即购买</a>
                </div>
            </div>
            
            <div class="product-card">
                <div class="product-header">
                    <div class="product-brand">
                        <svg width="80" height="40" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
                            <rect width="80" height="40" rx="6" fill="#ffffff" opacity="0.2"/>
                            <text x="40" y="24" text-anchor="middle" fill="white" font-size="12">GlobalSign</text>
                        </svg>
                    </div>
                    <h3>企业型EV证书</h3>
                    <div class="product-price">¥5,888/年</div>
                    <p>最高级别验证，显示绿色地址栏</p>
                </div>
                <div class="product-body">
                    <ul class="product-features">
                        <li><span>加密强度</span><span>256位</span></li>
                        <li><span>验证类型</span><span>扩展验证</span></li>
                        <li><span>支持域名</span><span>单域名</span></li>
                        <li><span>保险金额</span><span>$1,500,000</span></li>
                        <li><span>颁发时间</span><span>5-7天</span></li>
                    </ul>
                    <a href="/products" class="btn btn-primary" style="width: 100%;">立即购买</a>
                </div>
            </div>
        </div>
        
        <div style="text-align: center; margin-top: 40px;">
            <a href="/products" class="btn btn-outline">查看所有证书</a>
        </div>
    </div>
</section>
';

renderPage($title, $content, $currentPage);
?>